layui.use(['table', 'jquery','element','layer','form','laydate'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var element = layui.element;
    var layer = layui.layer;
    var form = layui.form;
    var laydate = layui.laydate;

    laydate.render({
        elem: '#startDate' //指定元素
    });

    laydate.render({
        elem: '#endDate' //指定元素
    });

    //第一个实例
    table.render({
        elem: '#table',
        height: 600,
        toolbar :'#toolbar',
        defaultToolbar : []
        , url: ctx + '/eng/pic/base/listPage' //数据接口
        , page: true
        , cols: [[
             {field: 'category', title: '分类', align: 'center',width:'12%',fixed:'left'}
            , {field: 'branch', title: '品牌', align: 'center',width:'13%',fixed:'left'}
            , {field: 'type', title: '型号', align: 'center',width:'15%'}
            , {field: 'refType', title: '对应型号', align: 'center',width:'15%'}
            , {field: 'timeCode', title: '时间码', align: 'center',width:'15%'}
            , {field: 'containWaterWeight', title: '含水重量', align: 'center',width:'15%'}
            , {field: 'noContainWaterWeight', title: '不含水重量', align: 'center',width:'15%'}
            , {field: 'ops', title: '操作', width: '30%', align: 'center',toolbar: '#tool',fixed:'right'}
        ]]
    });


    // tool
    table.on('tool(table)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;

        if(layEvent === 'del'){
            del(data);
        }else if(layEvent === 'lookPic'){
            lookPic(data);
        }else if(layEvent === 'update'){
            update(data);
        }
    });

    // 查看图片信息
    function lookPic(data){
        $.ajax({
            url : ctx + "/eng/pic/base/lookPic",
            data :{
                uniCode : data.uniCode
            },
            async : false,
            success : function(res){
                var str = '';
                $.each(res.data,function(index,val){
                    str += "<img width='300px' height='300px' src='"+ctx+"/images"+val.url+"'>"
                })
                $('#picContent').html(str);
                layer.open({
                    type : 1,
                    content : $('#picLayer'),
                    title : '图片',
                    area : ['350px','500px']
                });
            }
        });
    }

    // 删除图库内容
    function del(data){
        layer.confirm('确定要删除吗?', {icon: 3, title:'提示'}, function(index){
            $.ajax({
                url : ctx + "/eng/pic/base/del",
                data :{
                    id : data.id
                },
                async : false,
                success : function(res){
                    if(res.success){
                        layer.close(index)
                        layer.msg(res.msg,{icon:1});
                        table.reload('table');
                    }else{
                        layer.msg(res.msg,{icon:2});
                    }
                }
            });
            layer.close(index);
        });
    }

    // 更新数据
    function update(data){
        form.val('updateForm',{
            id : data.id,
            category : data.category,
            type : data.type,
            branch : data.branch,
            refType : data.refType,
            containWaterWeight : data.containWaterWeight,
            noContainWaterWeight : data.noContainWaterWeight,
            timeCode : data.timeCode
        });

        layer.open({
            type :1,
            title:'修改参数信息',
            content : $('#updateLayer'),
            btn : ['确定'],
            area :['500px','340px'],
            yes : function(index){
                $.ajax({
                    url : ctx+"/eng/pic/base/updateEngPicBase",
                    type : 'post',
                    data : $('#updateForm').serialize(),
                    async : false,
                    success : function(res){
                        if(res.success){
                            layer.closeAll()
                            layer.msg(res.msg,{icon:1});
                            table.reload('table');
                        }else{
                            layer.msg(res.msg,{icon:2});
                        }
                    }
                })
            }
        })
    }

    // 重置按钮
    $('#reset').click(function(){
        $('#queryReset').click();
    })

    // 条件查询
    $('#submit').click(function(){
        // 重新渲染数据
        table.reload('table', {
            url: ctx + '/eng/pic/base/listPage'
            ,where: $('#queryForm').formToObject()
        });
        return false;
    });

});